<div class="uk-container" ng-controller="edit_projectCtrl">
    <form class="uk-form">
        <div class="uk-grid" style="margin-left: 50px; margin-top: 40px">
            <div class="uk-width-3-10">
                <div class="uk-panel uk-panel-box">
                    <form class="uk-form uk-form-stacked">
                        <h3 class="uk-panel-title" style="font-weight: bold; font-size: 16px;">
                        项目属性
                        <a class="uk-button uk-button-danger uk-float-right" data-uk-modal href="#deleteDialog"><i class="uk-icon-close" style="margin-right: 5px"></i>删除项目</a>
                        <div class="uk-modal" id="deleteDialog">
                            <div class="uk-modal-dialog">
                            <a class="uk-modal-close"></a>
                            <div class="uk-margin uk-modal-content">
                                <h3 class="uk-text-bold">确定删除该项目吗？</h3>
                            </div>
                                <div class="uk-modal-footer uk-text-right">
                                    <a class="uk-button uk-button-danger" ng-click="deleteProject()">删除</a>
                                    <a class="uk-modal-close uk-button">取消</a>
                                </div>
                            </div>
                        </div>
                    </h3>
                        <hr style="height: 1px; background-color: #999999; border: none">
                        <label class="uk-form-label" for="project_name" style="font-weight: 400;">项目名称</label>
                        <input class="uk-width-1-1 uk-margin-bottom" type="text" placeholder="项目名称" id="project_name" ng-model="projectName">
                        <label class="uk-form-label" for="project_desc" style="font-weight: 400;">项目描述</label>
                        <textarea class="uk-width-1-1" id="project_desc" placeholder="请给您的项目添加简单的描述..." style="height: 120px; background: #ffffff; max-width: 100%" ng-model="projectDesc"></textarea>
                    </form>
                </div>
                <a class="uk-button uk-button-primary uk-float-right uk-margin-bottom" style="width: 80px; margin-top: 40px" ng-click="updateProject()">确认</a>
            </div>
            <div class="uk-width-7-10">
                <div class="uk-panel uk-panel-box">
                    <h3 class="uk-panel-title" style="font-weight: bold; font-size: 16px;">项目成员</h3>
                    <hr style="height: 1px; background-color: #999999; border: none">
                    <div style="margin-left: 40px">
                        <h5>所有者</h5>
                        <hr style="height: 1px; background-color: #cccccc; border: none; margin-bottom: 0">
                        <div style="border-bottom: 1px solid #cccccc; padding-bottom: 15px; padding-top: 15px" ng-repeat="member in groupMembers|filter:{'role':0}">
                            <form class="uk-form">
                                <img src="img/head.png" style="width: 35px">
                                <a href="" style="font-weight: bold; font-size: 14px; vertical-align: middle;">{{member.username}}</a>
                                <select style="margin-right: 20%; float: right;" ng-model="member.role">
                                    <option value="0">所有者</option>
                                </select>
                            </form>
                        </div>
                        <h5>开发者</h5>
                        <hr style="height: 1px; background-color: #cccccc; border: none; margin-bottom: 0">
                        <div style="border-bottom: 1px solid #cccccc; padding-bottom: 15px; padding-top: 15px" ng-repeat="member in groupMembers|filter:{'role':1}">
                            <form class="uk-form">
                                <img src="img/head.png" style="width: 35px">
                                <a href="" style="font-weight: bold; font-size: 14px; vertical-align: middle;">{{member.username}}</a>
                                <a class="uk-button uk-button-danger uk-float-right" style="float: right; width: 16%;" ng-click="deleteMember(member)"><i class="uk-icon-close" style="margin-right: 5px"></i>删除成员</a>
                                <select style="margin-right: 4%; float: right;" ng-model="member.role" ng-change="selectChange(member)">
                                    <option value="1">开发者</option>
                                    <option value="2">观察者</option>
                                </select>
                            </form>
                        </div>
                        <h5>观察者</h5>
                        <hr style="height: 1px; background-color: #cccccc; border: none; margin-bottom: 0">
                        <div style="border-bottom: 1px solid #cccccc; padding-bottom: 15px; padding-top: 15px" ng-repeat="member in groupMembers|filter:{'role':2}">
                            <form class="uk-form">
                                <img src="img/head.png" style="width: 35px">
                                <a href="" style="font-weight: bold; font-size: 14px; vertical-align: middle;">{{member.username}}</a>
                                <a class="uk-button uk-button-danger uk-float-right" style="float: right; width: 16%;" ng-click="deleteMember(member)"><i class="uk-icon-close" style="margin-right: 5px"></i>删除成员</a>
                                <select style="margin-right: 4%; float: right;" ng-model="member.role" ng-change="selectChange(member)">
                                    <option value="1">开发者</option>
                                    <option value="2">观察者</option>
                                </select>
                            </form>
                        </div>
                        <div class="uk-margin-top">
                            <h5>新成员</h5>
                            <input type="text" name="newUserName" ng-model="newUserName" style="width: 40%" required placeholder="要添加的成员用户名">
                            <a class="uk-button uk-button-success uk-float-right" style="width: 16%" ng-click="addMember()"><i class="uk-icon-plus" style="margin-right: 5px"></i>添加成员</a>
                            <select style="margin-right: 4%; float: right;" ng-model="newRole">
                                <option value="1">开发者</option>
                                <option value="2">观察者</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>